
<template>
  <div>
    <el-dialog
      v-model="element.options.visible"
      :close-on-click-modal="false"
      :title="element.options.title"
      append-to-body
      width="80%"
    >
      <div class="dialog-body">
        <template tag="div" v-for="(el, index) in element.items" :key="index">
          <div v-if="element.key">
            <render-parse
              :element="el"
              :key="el.key"
              :index="index"
              :parent="element.items"
            >
            </render-parse>
          </div>
        </template>
      </div>
    </el-dialog>
  </div>
</template>
 
<script lang="ts">
import { defineComponent, toRefs } from "vue";

export default defineComponent({
  name: "cardWidget",
  props: ["element"],
  setup(props) {
    const { element } = toRefs(props);
    return {
      element,
    };
  },
});
</script>

<style  scoped>
.drawing-board {
  min-height: 320px;
}
</style>

